<m-card [autoHeight]="true">
  <div card-head class="d-flex align-items-center">
    <div class="g-card-title">
      终端异常
    </div>
  </div>
  <div class="_container">
    <div>
      <m-echarts></m-echarts>
    </div>
    <div *ngIf="result$ | async as result" class="full">
      <div class="grid">
        <ng-container *ngFor="let log of result.list">
          <span
            class="g-pointer"
            [mDetailRouterLink]="{ id: log.pc_id, name: pc_name, type: 'computer' }"
          >
            <mat-icon>error</mat-icon>
            <span>{{ log.pc_name }}</span>
          </span>
          <span>{{ log.area_name }}</span>
          <span class="error_code"  [attr.alt]="codeFilter(log.error_code)" [attr.title]="codeFilter(log.error_code)">错误码：{{ log.error_code }}</span>
          <span>{{ log.created_at | date }}</span>
        </ng-container>
      </div>
    </div>
  </div>
</m-card>
